<template>
  <div>
    <topBar></topBar>
    <div class="main-content-box">
      <div class="allbox">
        <contentBox></contentBox>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
import TopBar from './TopBar'
/*import PageBox from './PageBox'*/
import Content from './Content'
export default {
  name: 'hello',
  data:function () {
    return {
      dialogVisible: false
    }
  },
  components: {
    //'pageBox': PageBox,
    //"containBox" : Contain,
    "topBar" : TopBar,
    "contentBox" : Content
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
  /*@import "../less/webStyle.less";*/
</style>
